<div class="demo" align="center">
    <div id="main_image"></div>
    <ul class="gallery_demo_unstyled">
        <li><img src="images/resort/a1.jpg" alt="Flowing Rock" title="Flowing Rock Caption"></li>
        <li><img src="images/resort/a2.jpg" alt="Stones" title="Stones - from Apple images"></li>
        <li class="active"><img  src="images/resort/a3.jpg" alt="Grass Blades" title="Apple nature desktop images"></li>
        <li><img src="images/resort/a4.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li>
        <li><img src="images/resort/a5.jpg" alt="Lightning" title="Black &amp; White"></li>
        <li><img src="images/resort/a6.jpg" alt="Lotus" title="Fusce quam mi, sagittis nec, adipiscing at, sodales quis"></li>
        <li><img src="images/resort/a7.jpg" alt="Mojave" title="Suspendisse volutpat posuere dui. Suspendisse sit amet lorem et risus faucibus pellentesque."></li>
        <li><img src="images/resort/a8.jpg" alt="Pier" title="Proin erat nisi"></li>
        <li><img src="images/resort/IMG_1665_1.jpg" alt="Sea Mist" title="Caption text from title"></li>
        <li><img src="images/resort/IMG_1861_1.jpg" alt="Sea Mist" title="Caption text from title"></li>
        <li><img src="images/resort/IMG_3176_1.jpg" alt="Sea Mist" title="Caption text from title"></li>
    </ul>
    <p class="nav"><a href="#" onclick="$.galleria.prev(); return false;">&laquo; previous</a> | <a href="#" onclick="$.galleria.next(); return false;">next &raquo;</a></p>
</div>